<template>
  <div class="permission-manage">
    <a-tabs v-model:activeKey="activeKey">
      <a-tab-pane key="1" tab="权限管理">
        <permission></permission>
      </a-tab-pane>
      <a-tab-pane key="2" tab="资源管理">
        <resources></resources>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script setup>
import { defineComponent, ref } from 'vue'
import permission from './permission'
import resources from './resources'
const activeKey = ref('1')
</script>
<style scoped>
.permission-manage {
  height: calc(100% - 0px);
}
</style>
<style lang="less">
.permission-manage {
  .ant-tabs {
    height: 100%;

    .ant-tabs-content {
      height: 100%;
    }
  }

  .ant-tabs-nav-wrap {
    margin-left: 10px;
  }

  .ant-tabs-nav {
    margin: 0 !important;
  }

  .ant-tabs-tab {
    padding: 0;
  }
}
</style>
